/*****************************************************************************************
 **  Author:jxx 2022
 **  QQ:283591387
 **完整文档见：http://v2.volcore.xyz/document/api 【代码生成页面ViewGrid】
 **常用示例见：http://v2.volcore.xyz/document/vueDev
 **后台操作见：http://v2.volcore.xyz/document/netCoreDev
 *****************************************************************************************/
//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码
import modelHeader from "../sales/sales.vue";
import modelBody from "../q_sales_return_not/q_sales_return_notCom.vue";
import gridHeader from "@/components/print/selectTemplet.vue"
let extension = {
  components: {
    //查询界面扩展组件
    gridHeader,
    gridBody: '',
    gridFooter: '',
    //新建、编辑弹出框扩展组件
    modelHeader: modelHeader,
    modelBody: modelBody,
    modelFooter: ''
  },
  tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
  buttons: {
    view: [],
    box: [],
    detail: []
  }, //扩展的按钮
  methods: {
    //下面这些方法可以保留也可以删除
    async onInit() { //框架初始化配置前，
      //示例：在按钮的最前面添加一个按钮
      //   this.buttons.unshift({  //也可以用push或者splice方法来修改buttons数组
      //     name: '按钮', //按钮名称
      //     icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
      //     type: 'primary', //按钮样式vue2版本见iview文档button，vue3版本见element ui文档button
      //     onClick: function () {
      //       this.$Message.success('点击了按钮');
      //     }
      //   });

      //示例：设置修改新建、编辑弹出框字段标签的长度
      // this.boxOptions.labelWidth = 150;
      this.queryFields = ["Voucher_sub", "CreateDate"]
      this.detailOptions.textInline = false
      this.textInline = false
      if (this.$route.path == "/q_sales_return" && JSON.stringify(this.$route.query) != '{}') {
        await this.base.setSearchParamFn(this)
        setTimeout(() => {
          this.refresh()
        })
      }
      let indexNum = this.detailOptions.buttons.findIndex(item => item.name == "添加行")
      if (indexNum != "-1") {
        this.detailOptions.buttons.splice(indexNum, 1)
      }
    },
    onInited() {
      //框架初始化配置后
      //如果要配置明细表,在此方法操作
      //this.detailOptions.columns.forEach(column=>{ });
      this.detailOptions.buttons.unshift({
        name: "选择退回商品",
        icon: 'el-icon-plus',
        type: 'primary',
        plain: true,
        onClick: function () {
          if (this.rowschild && this.$refs.detail.rowData.length) {
            this.rowschild.click()
          }
          if (!this.editFormFields.Sales_sub) {
            this.base.ElMessageFn("请先选择销售单")
            return
          }
          this.$store.commit("setTabelText", true)
          this.$refs.modelBody.open(this.editFormFields.Sales_sub)
        }
      })
      if (this.$route.path != "/q_sales_return") {
        this.setFiexdSearchForm(true);
        this.height = 550 - 150;
        this.buttons.forEach(item => {
          if (item.value != "Search") {
            item.hidden = true
          }
        })
        this.detailOptions.buttons = []
        this.boxButtons[0].hidden = true
      }
      //明细表点击表格时触发编辑方法    
      this.detailOptions.beginEdit = (row, column, index) => {
        if (this.$route.path != "/q_sales_return" || this.rowAuditStatus != 0) { //|| !this.CreateUserBoole
          return false
        }
        let rows = document.querySelectorAll(".grid-detail .el-table__body .el-table__row")
        this.rowschild = rows[0].childNodes[3]
        setTimeout(() => {
          // 退货数量
          let testInputDom = rows[index].querySelectorAll("td")[6].querySelector("input")
          testInputDom.addEventListener("keyup", (e) => {
            if (+e.target.value > +row.AvailableQuantity) {
              this.base.ElMessageFn("退货数量大于可用数量")
            }
            if (("" + e.target.value).trim() === "" || +e.target.value === 0) {
              row.Return_total_price = ""
              row.Cost_price_total_price = ""
              row.Tax_exclusive_total_price = ""
              return
            }
            if (+e.target.value < 0 || !+e.target.value) {
              this.base.ElMessageFn("退货数量请正确输入正数")
              row.Return_total_price = ""
              row.Cost_price_total_price = ""
              row.Tax_exclusive_total_price = ""
              return
            }
            if (+e.target.value > 0) {
              if (+row.Return_price === 0 ) {
                row.Return_total_price = this.base.roundToFourDecimals(row.Return_price * e.target.value)
              }
              if (+row.Return_price >= 0 && +row.Return_price) {
                row.Return_total_price = this.base.roundToFourDecimals(row.Return_price * e.target.value)
              }
              if (+row.Cost_price >= 0) {
                row.Cost_price_total_price = this.base.roundToFourDecimals(row.Cost_price * e.target.value)
              }
              if (+row.Tax_exclusive >= 0) {
                row.Tax_exclusive_total_price = this.base.roundToFourDecimals(row.Tax_exclusive * e.target.value)
              }
            }
          })
          // 退货单价
          let testInputDom2 = rows[index].querySelectorAll("td")[8].querySelector("input")
          testInputDom2.addEventListener("keyup", (e) => {
            if (!+row.Goods_num && +row.Goods_num !== 0) {
              return this.base.ElMessageFn("请正确输入退货数量")
            }
            if (("" + e.target.value).trim() === "") {
              row.Return_total_price = ""
              return
            }
            if (("" + e.target.value).trim() === "0" || ("" + e.target.value).trim() === 0) {
              row.Return_total_price = 0
              return
            }
            if (!+e.target.value && +e.target.value != 0) {
              return this.base.ElMessageFn("请正确输入退货单价")
            }
            row.Return_total_price = this.base.roundToFourDecimals(e.target.value * row.Goods_num)
          })
        })
        return true
      }

    },
    async searchBefore(param) {
      //界面查询前,可以给param.wheres添加查询参数
      //返回false，则不会执行查询
      if (this.$route.path != "/q_sales_return") {
        param.wheres = param.wheres.filter(item => item.name != "Sales_return")
        this.$route.query = {}
      }
      if (this.$route.path == "/q_sales_return" && JSON.stringify(this.$route.query) != '{}') {
        await this.base.setSearchBefore(this, "Sales_return", param)
      }
      return true;
    },
    searchAfter(result) {
      //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
      return true;
    },
    addBefore(formData) {
      //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
      return this.testAdd(formData);
    },
    updateBefore(formData) {
      //编辑保存前formData为对象，包括明细表、删除行的Id
      return this.testAdd(formData);
    },
    delBefore(ids, rows) { //查询界面的表删除前 ids为删除的id数组,rows删除的行
      let auditStatus = rows.some(x => {
        return x.AuditStatus == 1
      });
      if (auditStatus) {
        this.base.ElMessageFn('不支持删除审核通过数据')
        return false;
      }
      return true;
    },
    rowClick({
      row,
      column,
      event
    }) {
      //查询界面点击行事件
      this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
    },
    detailRowClick({
      row,
      column,
      event
    }) {
      this.$refs.detail.$refs.table.toggleRowSelection(row);
      if (this.$route.path != "/q_sales_return" || this.rowAuditStatus != 0) {
        return
      } //|| !this.CreateUserBoole
      if (column.property == "Goods_num" || column.property == "Return_price" || column.property == "Remark") {
        let dom = event.target
        if (dom.nodeName != "SPAN") {
          setTimeout(() => {
            let inpDom = dom.querySelector("input")
            inpDom.focus()
          }, 0)
        }
      }
    },
    onModelClose(iconClick) {
      //iconClick=true为点击左中上角X触发的关闭事件
      //如果返回 false不会关闭弹出框 
      //return false;
      this.$store.commit("setTabelText", true)
      this.boxModel = false;
    },
    async modelOpenBefore(row) {
      this.$store.commit("setTabelText", false)
      this.rowAuditStatus = await row.AuditStatus
      if (JSON.stringify(row) == "{}") {
        this.rowAuditStatus = 0
        this.CreateUserBoole = true
      }
      if (this.$route.path != "/q_sales_return" || this.rowAuditStatus != 0) { //|| !this.CreateUserBoole
        this.boxButtons[0].hidden = true
        this.detailOptions.buttons.forEach(item => {
          if (item.name != "导出" && item.name != "刷新") {
            item.hidden = true
          }
        })
      } else {
        this.boxButtons[0].hidden = false
        this.detailOptions.buttons.forEach(item => item.hidden = false)
      }
    },
    modelOpenAfter(row) {
      //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
      //(1)判断是编辑还是新建操作： this.currentAction=='Add';
      //(2)给弹出框设置默认值
      //(3)this.editFormFields.字段='xxx';
      //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
      //看不懂就把输出看：console.log(this.editFormOptions)
      if (this.currentAction == 'Add') {
        this.editFormFields.Goods_num = 0
        this.editFormFields.Total_price = 0
      }
      this.editFormOptions.forEach(item => {
        item.forEach(x => {
          if (x.field == 'Attachment' || x.field == 'Image') {
            x.multiple = true;
            x.maxFile = 10;
          }
          if (x.field == "Voucher_sub" || x.field == "Goods_num" || x.field == "Total_price") {
            x.disabled = true
          }else {
            x.disabled = false
          }
          if(x.field == "WHSE_no"){
            x.disabled = !(this.currentAction == 'Add')
            x.onChange=()=>{
              this.editFormFields.Sales_sub = null
              this.$refs.detail.rowData = []
            }
          }
          if (x.field == "Sales_sub") {
            x.disabled = true
            if ((this.currentAction != 'Add' || this.$route.path != "/q_sales_return")) {
              x.extra = null
            } else {
              x.extra = {
                icon: "el-icon-zoom-in",
                text: "选择销售单",
                style: "color:#3a8ee6;font-size:13px;cursor:default",
                click: () => {
                  if (!this.editFormFields.WHSE_no) {
                    this.base.ElMessageFn("请先选择销售机构")
                    return
                  }
                  if (!this.$refs.detail.rowData.length) {
                    this.$refs.modelHeader.open(this.editFormFields.WHSE_no)
                    this.$store.commit("setTabelText", true)
                  } else {
                    this.base.ElMessageFn("存在退回单明细，不允许更改销售单");
                  }
                }
              }
            }
          }
          if (this.$route.path != "/q_sales_return" || this.rowAuditStatus != 0) { //|| !this.CreateUserBoole
            x.disabled = true
          }
        })
      })
    },
    testAdd(formData) {
      if (!this.$refs.detail.rowData.length) {
        this.base.ElMessageFn('明细表不可为空', "error")
        return false
      }
      let boole1 = formData.detailData.some(item => item.Goods_num === "" || item.Goods_num === null || item.Goods_num === undefined)
      if (boole1) {
        this.base.ElMessageFn("明细表中请填写退货数量")
        return false;
      }
      let boole22 = formData.detailData.some(item => +item.Goods_num === 0 && (item.Goods_num != "" || item.Goods_num != null || item.Goods_num == undefined))
      if (boole22) {
        this.base.ElMessageFn("明细表中退货数量不可为零或空")
        return false;
      }
      let boole3 = formData.detailData.every(item => +item.Goods_num > 0 && +item.Goods_num)
      if (!boole3) {
        this.base.ElMessageFn("明细表中退货数量请填写有效正数")
        return false;
      }
      let boole11 = formData.detailData.some(item => item.Return_price === "" || item.Return_price === null || item.Return_price === undefined)
      if (boole11) {
        this.base.ElMessageFn("明细表中请填写退货单价")
        return false;
      }
      let boole23 = formData.detailData.every(item => item.Return_price !== "" || item.Return_price !== null || item.Return_price === undefined || item.Return_price ? ("" + item.Return_price).trim() !== "" : +item.Return_price)
      if (!boole23) {
        this.base.ElMessageFn("明细表中退货单价不可为空")
        return false;
      }
      let boole33 = formData.detailData.every(item => +item.Return_price >= 0)
      if (!boole33) {
        this.base.ElMessageFn("明细表中退货单价请填写有效正数")
        return false;
      }
      let boole2 = formData.detailData.every(item => +item.AvailableQuantity >= +item.Goods_num)
      if (!boole2) {
        this.base.ElMessageFn("明细中退货数量不可大于可用数量")
        return false;
      }
      return true
    }
  }
};
export default extension;